<!-- 股本结构变动 -->
<template>
  <div class="table w1021">
    <div class="tableTh tableTr flex">
      <span class="tableTd w90">股份类型</span>
      <span class="tableTd w90">变动原因</span>
      <span class="tableTd w130">
        总股本
        <br />（万股）
      </span>
      <span class="tableTd w130">
        流通股
        <br />（万股）
      </span>
      <span class="tableTd w130">
        流通A股
        <br />（万股）
      </span>
      <span class="tableTd w130">
        流通B股
        <br />（万股）
      </span>
      <span class="tableTd w130">
        境外上市
        <br />其他股份
        <br />（万股）
      </span>
      <span class="tableTd w130">
        其他已
        <br />流通股份
        <br />（万股）
      </span>
      <span class="tableTd w130">
        受限流
        <br />通股份
        <br />（万股）
      </span>
      <span class="tableTd w130">
        流通股合计
        <br />（万股）
      </span>
    </div>
    <div v-for="(val,key,index) in data" :key="index">
      <div class="tableTr tableBody top flex" v-for="item in val" :key="item.id">
        <span class="orange tableTd w90">{{item._time|filterVal}}</span>
        <span class="orange tableTd w90">{{item.chngReasCode|filterVal}}</span>
        <span class="orange tableTd w130">{{item.total|filterVal("number")}}</span>
        <span class="orange tableTd w130">{{item.flShr|filterVal("number")}}</span>
        <span class="orange tableTd w130">{{item.flaShr|filterVal("number")}}</span>
        <span class="orange tableTd w130">{{item.bShr|filterVal("number")}}</span>
        <span class="orange tableTd w130">{{item.othAbroad|filterVal("number")}}</span>
        <span class="orange tableTd w130">{{item.othFl|filterVal("number")}}</span>
        <span class="orange tableTd w130">{{item.totLtdfl|filterVal("number")}}</span>
        <span class="orange tableTd w130">{{item.totNonfl|filterVal("number")}}</span>
      </div>
    </div>
    <div class="tableNone orange w1021 top" v-show="JSON.stringify(data) == '{}'">暂无数据</div>
  </div>
</template>

<script>
import { number } from "../../script/api";
export default {
  data() {
    return {};
  },
  props: ["data"],
  filters: {
    filterVal(ops, num) {
      if (typeof ops == "number") {
        return number(ops, num);
      }
      return ops ? ops : "--";
    }
  },
  components: {},
  computed: {},
  mounted() {},
  methods: {}
};
</script>
<style lang='scss' scoped>
</style>